<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米商城</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="shortcut icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon">
	</head>
	<body>
		<div class="top">
			<header class="container">
				<ul class="top-nav">
					<li>
						<a href="">小米商城</a>
					</li>
					<li>
						<a href="">MIUI</a>
					</li>
					<li>
						<a href="">IoT</a>
					</li>
					<li>
						<a href="">云服务</a>
					</li>
					<li>
						<a href="">金融</a>
					</li>
					<li>
						<a href="">有品</a>
					</li>
					<li>
						<a href="">小爱开放平台</a>
					</li>
					<li>
						<a href="">企业团购</a>
					</li>
					<li>
						<a href="">资质证照</a>
					</li>
					<li>
						<a href="">协议规则</a>
					</li>
					<li>
						<a href="">下载app</a>
					</li>
					<li>
						<a href="">Select Region</a>
					</li>
				</ul>
			</header>
		</div>
		<header class="head-nav container">
			<section class="head-logo">
				<a href="http://mi.com"></a>
			</section>
			<section class="nav">
				<ul class="nav-menu">
					<li>
						<a href="">小米手机</a>
					</li>
					<li>
						<a href="">Redmi 红米</a>
					</li>
					<li>
						<a href="">电视</a>
					</li>
					<li>
						<a href="">笔记本</a>
					</li>
					<li>
						<a href="">家电</a>
					</li>
					<li>
						<a href="">路由器</a>
					</li>
					<li>
						<a href="">智能硬件</a>
					</li>
					<li>
						<a href="">服务</a>
					</li>
					<li>
						<a href="">社区</a>
					</li>
				</ul>
			</section>

			<section class="head-search">
				<form action="" class="search-form">
					<input type="text" class="search-text">
					<input type="submit" class="search-btn iconfont" value="&#xe63c;">
				</form>
				</div>
		</header>
		<div class="banner">
			<div class="swiper-container container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href="">
							<img src="https://i1.mifile.cn/a4/xmad_15608509772862_tevIl.jpg" alt="">
						</a>
					</div>
					<div class="swiper-slide">
						<a href="">
							<img src="https://i1.mifile.cn/a4/xmad_15608660410138_DrLFl.jpg" alt="">
						</a>
					</div>
					<div class="swiper-slide">
						<a href="">
							<img src="https://i1.mifile.cn/a4/xmad_15609507520682_FBLpS.jpg" alt="">
						</a>
					</div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>

				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>

				<!-- 如果需要滚动条 -->
				<!-- <div class="swiper-scrollbar"></div> -->
			</div>
		</div>
		<main class='page-main'>
			<div class="home-banner-box container">
				<a href="https://item.mi.com/1191700040.html?cfrom=search" target="_blank" data-log_code="31pchomebanner_2001012#t=normal&amp;act=other&amp;page=home&amp;bid=3186791.1&amp;adm=6214">
					<img class="" alt="驱蚊器-常态" width="1226" src="//i1.mifile.cn/a4/xmad_15571953790178_rXqtS.jpg">
				</a>
			</div>
			<div id="phone" class="brick-box container">
				<div class="box-hd">
					<h2>手机</h2
					<div class="more">
						<a href="" class="more-link">
							查看全部<i class="iconfont">&#xe63d;</i>
						</a>
					</div>
				</div>
				<div class="box-bd">
					<div class="span4 promo-list">
						
					</div>
					<div class="span16 brick-list"></div>
				</div>
			</div>
			<div class="home-banner-box container">
				<a href="https://item.mi.com/1191700040.html?cfrom=search" target="_blank" >
					<img class="" alt="驱蚊器-常态" width="1226" src="//i1.mifile.cn/a4/xmad_15571953790178_rXqtS.jpg">
				</a>
			</div>
			<div id="homeelec" class="brick-box container">
				<div class="box-hd">
					<h2>家电</h2>
					<ul class="tab-list">
						<li data-type='hot' class="tab-active">热门</li>
						<li data-type='tel'>电视影音</li>
						<li data-type='computer'>电脑</li>
						<li data-type='homelec'>家居</li>
					</ul>
				</div>
				<div class="box-bd">
					<div class="span4 promo-list">
						
					</div>
					<div class="span16 brick-list"></div>
				</div>
			</div>
		</main>
		
		<footer>
			<div class="container">
				<p class="slogan">探索黑科技，小米为发烧而生</p>
			</div>
		</footer>
		
		<script src="js/jquery.min.js" type="text/javascript"></script>
		<script src="js/swiper.min.js"></script>
		<!-- <script type="text/javascript" src="js/index.js"></script> -->
		<script src="./js/mi.js"></script>
	</body>
</html>
